@import "./common";

.content {
    .LayaFlash {
        background: rgb(139, 192, 31);
        padding: 50px 0;
        .f-left {
            .top {
                display: flex;
                h1 {
                    &:first-of-type {
                        width: 36px;
                        height: 36px;
                        font-size: 36px;
                        font-weight: 600;
                        color: rgb(139, 192, 31);
                        background: white;
                        line-height: 36px;
                        text-align: center;
                    }
                    &:last-of-type {
                        font-size: 36px;
                        color: white;
                        margin-left: 10px;
                    }
                }
            }
            .bottom {
                color: white;
                span {
                    display: block;
                    font-size: 20px;
                    margin-bottom: 40px;
                }
                ul {
                    li {
                        font-size: 14px;
                        margin-bottom: 20px;
                        line-height: 30px;
                    }
                }
                button {
                    width: 80px;
                    height: 26px;
                    color: rgb(139, 192, 31);
                    background: rgb(236, 235, 235);
                    margin-top: 10px;
                }
            }
        }
        .f-right {
            text-align: center;
            img {
                @media (max-width:992px) {
                    width: 50%;
                }
            }
        }
    }
    .LayaPlayer {
        color: white;
        background: rgb(51, 147, 223);
        padding: 50px 0;
        .p-left {
            .top {
                display: flex;
                h1 {
                    &:first-of-type {
                        width: 36px;
                        height: 36px;
                        font-size: 36px;
                        font-weight: 600;
                        color: rgb(51, 147, 223);
                        background: white;
                        line-height: 36px;
                        text-align: center;
                    }
                    &:last-of-type {
                        font-size: 36px;
                        color: white;
                        margin-left: 10px;
                    }
                }
            }
            .player {
                @media (max-width:992px) {
                    text-align: center;
                }
                img {
                    margin-top: 10px;
                    width: 95%;
                    @media (max-width:992px) {
                        width: 60%;
                    }
                }
            }  
        }
        .p-center {
            margin-top: 80px;
            div {
                h3 {
                    margin-bottom: 20px;
                }
                p {
                    line-height: 30px;
                }
            }
        }
        .p-right {
            @media (max-width:992px) {
                text-align: center;
            }
            img {
                margin-top: 225px;
                @media (max-width:992px) {
                    margin-top: 50px;
                    width: 60%;
                }
            }
        }
    }
    .LayaAir {
        padding: 50px 0;
        .container {
            @media (max-width:992px) {
                width: 60%;
                .a-left {
                    margin-bottom: 30px;
                }
            }
        }
        .top {
            display: flex;
            h1 {
                &:first-of-type {
                    width: 36px;
                    height: 36px;
                    font-size: 36px;
                    font-weight: 600;
                    color: white;
                    background: rgb(51, 147, 223);
                    line-height: 36px;
                    text-align: center;
                }
                &:last-of-type {
                    font-size: 36px;
                    color: rgb(51, 147, 223);
                    margin-left: 10px;
                }
            }
        }
        span {
            display: block;
            font-size: 17px;
            margin-bottom: 20px;
        }
        ul {
            li {
                h4{
                    color: rgb(51, 147, 223);
                    margin-bottom: 15px;
                }
                p {
                    width: 90%;
                    margin-bottom: 20px;
                    line-height: 26px;
                }
            }
        }
        .img {
            text-align: center;
            img {
                margin-top: 10px;
            }
        }
    }
    .LayaStore {
        background: rgb(247, 247, 247);
        padding: 50px 0;
        .container {
            @media (max-width:992px) {
                width: 60%;
                .s-left {
                    margin-bottom: 30px;
                }
            }
        }
        .top {
            display: flex;
            h1 {
                &:first-of-type {
                    width: 36px;
                    height: 36px;
                    font-size: 36px;
                    font-weight: 600;
                    color: white;
                    background: rgb(51, 147, 223);
                    line-height: 36px;
                    text-align: center;
                }
                &:last-of-type {
                    font-size: 36px;
                    color: rgb(51, 147, 223);
                    margin-left: 10px;
                }
            }
        }
        span {
            display: block;
            font-size: 17px;
            margin-bottom: 20px;
        }
        ul {
            li {
                h4{
                    color: rgb(51, 147, 223);
                    margin-bottom: 15px;
                }
                p {
                    width: 90%;
                    margin-bottom: 20px;
                    line-height: 26px;
                }
            }
        }
        .img {
            text-align: center;
            img {
                margin-top: 10px;
            }
        }
    }
}